.banner image{display: block; width: 100%;}
.items{ padding-bottom: 100rpx; background: url('https://www.baixuemianshi.com/zhuanti/23sydw_xbn_zwpp/images/logo.png'); background-repeat: repeat;}
.items .item{ padding: 30rpx 0; border-bottom: 1px solid #eee;}
.items .item h3{font-size: 28rpx; font-weight: bold;}
.items .item ul{}
.items .item ul li{font-size: 28rpx; line-height: 1.5; margin-top: 20rpx;}
.items .item ul li .circle{float: left; width: 28rpx; height: 28rpx; margin-top: 7rpx; margin-right: 10rpx; border-radius: 50%; border: 1px solid #ccc;}
.items .item ul li.cur .circle{background-color: #d9232f;}
.items .item ul li.correct .circle{background-color: #18b566;}
.items .item ul li.cur{color: #d9232f;}
.items .item ul li.correct{color: #18b566;}

.popcontent{width: 600rpx;  padding: 25rpx; border-radius: 10rpx; background-color: #fff;}
.popcontent .cell{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20rpx; padding-bottom: 20rpx; border-bottom: 1px solid #eee;}
.popcontent .cell.thead{font-weight: bold; font-size: 28rpx;}
.popcontent .cell.thead .ava{height: auto;}
.popcontent .cell .label{width: 30%;}
.popcontent .cell .w70{width: 65%;}
.popcontent .cell .num{width: 100rpx; margin-right: 10rpx; text-align: center;}
.popcontent .cell .ava{width: 80rpx; height: 80rpx;  margin-right: 15rpx; text-align: center;}
.popcontent .cell .ava image{display: block; width: 100%;  height: 100%; border-radius: 50%;}
.popcontent .cell .nickname{width: 150rpx; margin-right: 15rpx; font-size: 26rpx; font-weight: bold; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; text-align: center;}
.popcontent .cell .score{width: 100rpx; margin-right: 15rpx; text-align: center;}
.popcontent .cell .alltime{width: 150rpx; text-align: center;}
.avatar-wrapper{display: block; width: 80rpx; height: 80rpx; border-radius: 50%;}
.avatar-wrapper image{display: block; width: 100%; height: 100%;}
.loadMore{text-align: center; padding: 15rpx 0; color: #d9232f;}
.overBox{max-height: 70vh; overflow: auto;}
.popup{display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8);z-index: 10;}
.popup .popcontent{width: 550rpx; padding: 25rpx; border: 1px solid #eee; background-color: #fff; border-radius: 15rpx;}
.popup .popcontent .poptext{font-size: 28rpx; line-height: 1.8; margin-bottom: 25rpx;}
.popup .popcontent .poptext text{color: #d9232f; text-decoration: underline;}
.popup .popcontent .btns{display: flex; justify-content: space-between;}
.popup .popcontent .btns .btn{width: 48%;}
.popup .popcontent .privacyTit{text-align: center; font-size: 34rpx; font-weight: bold; margin-bottom: 20rpx;}

.time{position: fixed; right: 20rpx; bottom: 100rpx; width: 100rpx; height: 100rpx; font-size: 28rpx; font-weight: bold; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; border-radius: 10rpx; box-shadow: 0 0 10rpx rgba(0,0,0,.2);  z-index: 20;}
.answerBtn{position: fixed; right: 20rpx; bottom: 220rpx; width: 100rpx; height: 100rpx; font-size: 24rpx; font-weight: bold; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; border-radius: 10rpx; box-shadow: 0 0 10rpx rgba(0,0,0,.2);  z-index: 20;}



